#page{
    width:100%;
    min-height:100%;
    background:#f9f9f9;
    box-sizing: border-box;
    position:relative;
    padding-bottom:1.1rem;
}
.topBar{
    padding:0 0.2rem;
    height:1.0rem;
    background:#3e85f7;
    color:#fff;
    font-size:0.32rem;
}
.topBar .iconfont{
    float:left;
    width:0.7rem;
    text-align:center;
    font-size:0.66rem;
    height:1.0rem;
    line-height:1.0rem;
}
.topBar .bar-title{
    float :left;
    width:calc(100% - 1.4rem);
    text-align:center;
    line-height:1.0rem;
}
.txtInput{
    padding:0.1rem 0.2rem;
    height:2.4rem;
    background:#fff;
    margin-bottom:0.28rem;
}
.txtInput .missionTxt{
    float:left;
    width:100%;
    height:100%;
    overflow:hidden;
    font-size:0.28rem;
    line-height:0.42rem;
}
.timeBox{
    padding:0.4rem 0.5rem;
    margin:0 auto;
    background:#fff;
    height:1.3rem;
    display:flex;
}
.start-box{
    flex:1;
    width:2.0rem;
    height:1.1rem;
}

.choose-time-box .s-icon{
    float:right;
    padding:0.04rem 0.1rem;
    font-size:0.22rem;
    line-height:0.24rem;
    border-radius:4px;
    background:linear-gradient(to right,#c0c7fe , #7785ff);
    color:#fff;
}
.choose-time-box .s-time{
    float:right;
    width:100%;
    line-height:0.5rem;
    text-align:right;
    color:#262626;
    font-size:0.28rem;
}
.choose-time-box .s-date{
    float:right;
    width:100%;
    line-height:0.32rem;
    text-align:right;
    color:#929292;
    font-size:0.24rem;
}
.time-dsc{
    margin:0 0.5rem;
    margin-top:0.4rem;
    height:0.5rem;
    line-height:0.5rem;
    width:1.1rem;
    text-align:center;
    font-size:0.32rem;
    border-radius:4px;
    border:0.01rem solid #f1f1f1;
}
.end-box{
    float:right;
    overflow:hidden;
}
.end-box .s-icon{
    background:linear-gradient(to right,#ff86a2 , #ff4a73);
}
.end-box .s-icon , .end-box .s-time ,.end-box .s-date {
    float:left;
    text-align:left !important;
}

.mission-lists{
    padding-left:0.3rem;
    background:#fff;
    margin:0.28rem 0;
}
.mission-lists .d-list{
    height:0.9rem;
    position:relative;
    border-bottom:0.01rem solid #f1f1f1;
    position:relative;
}
.mission-lists .iconfont{
    float:left;
    width:0.6rem;
    line-height:0.9rem;
    font-size:0.26rem;
    color:#c9c9c9;
}
.d-list .l-txt{
    float:left;
    width:calc(100% - 1.2rem);
    padding-right:0.6rem;
    line-height:0.9rem;
    font-size:0.28rem;
}
.d-list .icon-youbian{
    position:absolute;
    right:0.2rem;
    top:0.25rem;
    display:block;
    width:0.4rem;
    line-height:0.4rem;
    color:#c9c9c9;
    font-size:0.28rem;
}

.other-txt-box{
    padding:0.1rem 0.3rem;
    background:#fff;
    height:1.3rem;
    margin-bottom:0.28rem;
}
.other-txt-box .other-txt{
    float:left;
    height:100%;
    width:100%;
    line-height:0.42rem;
    font-size:0.28rem;
}
